// import React from 'react';
// import { Table, Space, message, Modal } from 'antd';

// export default class TableActivity extends React.Component {
//   constructor(props) {
//     super(props);
//     this.state = { list: [] };
//   }

//   static getDerivedStateFromProps(props, state) {
//     if (props.list !== state.list) {
//       return { list: props.list };
//     }
//     return null;
//   }

//   columns = [
//     {
//       title: '活动名称',
//       dataIndex: 'activityName',
//       key: 'activityBasicId',
//     },
//     {
//       title: '创建人',
//       dataIndex: 'creator',
//       key: 'creator',
//     },
//     {
//       title: '创建时间',
//       dataIndex: 'gmtCreated',
//       key: 'gmtCreated',
//     },
//     {
//       title: '活动时间',
//       key: 'startDate',
//       render: (text) => {
//         return (
//           <Space size="middle">
//             <span>{text.startDate}</span>-<span>{text.endDate}</span>
//           </Space>
//         );
//       },
//     },
//     {
//       title: '状态',
//       key: 'activityStatus',
//       render: (text, record) => {
//         const stateColor = [
//           {},
//           { name: '待审核', color: '#30a493' },
//           { name: '进行中', color: '#8b35fb' },
//           { name: '未开始', color: '#ccc' },
//           { name: '已驳回', color: '#fe4e5c' },
//           { name: '已结束', color: '#9f9f9f' },
//           { name: '已关闭', color: '#9f9f9f' },
//         ];
//         return text.isDraft ? (
//           <span style={{ color: '#9f9f9f' }}>草稿</span>
//         ) : (
//           <span style={{ color: stateColor[text.activityStatus].color }}>
//             {stateColor[text.activityStatus].name}
//           </span>
//         );
//       },
//     },
//   ];

//   render() {
//     const { paginationProps } = this.props;
//     return (
//       <Table
//         columns={this.columns}
//         dataSource={this.state.list}
//         rowKey={(text) => text.activityBasicId}
//         pagination={paginationProps}
//       />
//     );
//   }
// }
